import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
const routerView = () => import("./layout/routerView.vue")
const dataBill = () => import("./views/dataBill/index.vue")
const configCenter = () => import("./views/configCenter/index.vue")


Vue.use(Router);

const routers =  [
  {
    path: "/",
    name: "Home",
    component: Home,
    children: [
      {
        path: "/dataBill",
        name: "dataBill",
        component: dataBill
      },
      {
        path: "/configCenter",
        name: "configCenter",
        component: configCenter
      },
      {
        path: "/about",
        name: "about",
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () =>
          import(/* webpackChunkName: "about" */ "./views/About.vue")
      }
    ]
  },
]
export default routers

// export default new Router({
//   mode: "history",
//   base: "/bill",// process.env.BASE_URL,
//   routes: [
//     {
//       path: "/",
//       name: "Home",
//       component: Home,
//       children: [
//         {
//           path: "/dataBill",
//           name: "dataBill",
//           component: dataBill
//         },
//         {
//           path: "/configCenter",
//           name: "configCenter",
//           component: configCenter
//         },
//         {
//           path: "/about",
//           name: "about",
//           // route level code-splitting
//           // this generates a separate chunk (about.[hash].js) for this route
//           // which is lazy-loaded when the route is visited.
//           component: () =>
//             import(/* webpackChunkName: "about" */ "./views/About.vue")
//         }
//       ]
//     },
//   ]
// });
